<template>
    <h1>EL-下拉选框组件</h1>
    <el-select v-model="value" placeholder="请选择你喜欢的城市" style="width: 50%;">
        <el-option label="太原" value="太原"></el-option>
        <el-option label="上海" value="上海"></el-option>
        <el-option label="西安" value="西安"></el-option>
        <el-option label="巴黎" value="巴黎"></el-option>
        <el-option label="重庆" value="重庆"></el-option>
        <el-option label="北京" value="北京"></el-option>
        <el-option label="成都" value="成都"></el-option>
        <el-option label="武汉" value="武汉"></el-option>
        <el-option label="广州" value="广州"></el-option>
        <el-option label="深圳" value="深圳"></el-option>
        <el-option label="昆明" value="昆明"></el-option>
        <el-option label="杭州" value="杭州"></el-option>
        <el-option label="南京" value="南京"></el-option>
        <el-option label="天津" value="天津"></el-option>
        <el-option label="郑州" value="郑州"></el-option>
        <el-option label="青岛" value="青岛"></el-option>
        <el-option label="厦门" value="厦门"></el-option>
        <el-option label="长沙" value="长沙"></el-option>
        <el-option label="合肥" value="合肥"></el-option>
        <el-option label="福州" value="福州"></el-option>
        <el-option label="南昌" value="南昌"></el-option>
        <el-option label="济南" value="济南"></el-option>
        <el-option label="沈阳" value="沈阳"></el-option>
        <el-option label="长春" value="长春"></el-option>
        <el-option label="哈尔滨" value="哈尔滨"></el-option>
        <el-option label="石家庄" value="石家庄"></el-option>
    </el-select>
    <h4>您选择的是：{{city}}</h4>
</template>

<script setup>
import {ref} from "vue";

const city = ref('太原')
</script>

<style scoped>

</style>